<template>
	<!--first-->
	<section class="partner-first text-center">
		<div class="container">
			<p class="h1">客户案例</p>
		</div>
	</section>
	<!--first end-->
	<section class="partner-second text-center">
		<div class="container">
			<div class="">
				<img src="../assets/img/bullet.svg" alt="" />
			</div>
			<br />
			<p class="h1">他们正在使用我们的产品</p>
			<br /><br /><br />
			<ul class="row list-unstyled">
				<li class="col-md-3">
					<img class="school-img" src="../assets/img/school1.png" />
					<p class="h4">北京大学</p>
				</li>
				<li class="col-md-3">
					<img class="school-img" src="../assets/img/school2.png" />
					<p class="h4">浙江师范大学附属中学</p>
				</li>
				<li class="col-md-3">
					<img class="school-img" src="../assets/img/school3.png" />
					<p class="h4">北京八一中学</p>
				</li>
				<li class="col-md-3">
					<img class="school-img" src="../assets/img/school4.png" />
					<p class="h4">北京十一学校与劳动保障学院联合分校</p>
				</li>
			</ul>
		</div>
	</section>
	<section class="partner-">
		<div class="container">
			<div class="text-center">
				<img src="../assets/img/bullet.svg" alt="" />
			</div>
			<br />
			<p class="h1 text-center">专注教学，把问题留给希悦</p>
			<br />
			<p class="h4 text-center">希悦凭借选排课和教务领域的丰富经验，帮助学校解决问题</p>
			<br />
			<!--<div class="row">
				<div class="col-md-2 col-md-offset-1">
					<img class="school-img" src="../assets/img/school2.png" />
				</div>
				<div class="col-md-9">
					<p></p>
					<p></p>
					<div class="jumbotron"></div>
				</div>
			</div>-->
			<div class="row">
				<div class="media col-md-10 col-md-offset-1">
					<a class="media-left" href="#">
						<img class="school-img" src="../assets/img/school1.png" />
					</a>
					<div class="media-body">
						<br />
						<h4 class="media-heading h4">北京大学附属中学</h4>
						<p class="media-heading h4"style="margin: 15px 0;">学院制，全部选课走班</p>
						<p class="bg-info h4" style="padding: 30px;box-sizing: border-box;">
							如何排课并设计合理的选课流程，以保障每位学生可以在完成所有必修课程的同时，发展自身个性？
						</p>
					</div>
					<br /><br /><br />
					<hr />
				</div>
			</div>
			
			<div class="row">
				<div class="media col-md-10 col-md-offset-1">
					<a class="media-left" href="#">
						<img class="school-img" src="../assets/img/school2.png" />
					</a>
					<div class="media-body">
						<br />
						<h4 class="media-heading h4">浙江师范大学附属中学</h4>
						<p class="media-heading h4"style="margin: 15px 0;">高二文理科七选三，主科分层教学，音乐美术老师少，先选后排</p>
						<p class="bg-info h4" style="padding: 30px;box-sizing: border-box;">
							七选三模式下的学生有 35 种选择，主科分为 ABC 三层，多重模式混合，如何确保学校资源可以满足学生需求？
						</p>
					</div>
					<br /><br /><br />
					<hr />
				</div>
			</div>
			
			<div class="row">
				<div class="media col-md-10 col-md-offset-1">
					<a class="media-left" href="#">
						<img class="school-img" src="../assets/img/school3.png" />
					</a>
					<div class="media-body">
						<br />
						<h4 class="media-heading h4">北京八一中学</h4>
						<p class="media-heading h4"style="margin: 15px 0;">数学英语分层走班，文理科按行政班，信息技术与体育年级通选，三种模式并行</p>
						<p class="bg-info h4" style="padding: 30px;box-sizing: border-box;">
							如何循序渐进地从行政班向走班制过渡？
						</p>
					</div>
					<br /><br /><br />
					<hr />
				</div>
			</div>
			
			<div class="row">
				<div class="media col-md-10 col-md-offset-1">
					<a class="media-left" href="#">
						<img class="school-img" src="../assets/img/school4.png" />
					</a>
					<div class="media-body">
						<br />
						<h4 class="media-heading h4">北京十一学校与劳动保障学院联和分校</h4>
						<p class="media-heading h4"style="margin: 15px 0;">集成十一学校理科分层、文科分类、艺体通选的选排课思路，新学校初建成</p>
						<p class="bg-info h4" style="padding: 30px;box-sizing: border-box;">
							新建校教师资源有限，怎样排课能够最大化对现有师资、课程资源的利用？
						</p>
					</div>
					<br /><br /><br />
					<hr />
				</div>
			</div>
			
			
			<div class="row"></div>
			<div class="row"></div>
			<div class="row"></div>
		</div>
	</section>
	<section class="partner-"></section>
	<section class="partner-"></section>
</template>

<style type="text/css">
	.partner-first {
		color: white;
		padding: 130px 0;
		background-image: url("../assets/img/bg1-1.jpg");
	}
	
	.partner-second {
		padding: 100px 0;
		background-color: #F9F9F9;
	}
</style>